<div class="wrap">

		<div id="icon-themes" class="icon32"></div>

		<h2>Kodax - General Settings</h2>

		<?php 
			//delete_option('canon_options');
			$canon_options = get_option('canon_options'); 

			//LOAD OPTIONS
			$canon_options = get_option('canon_options'); 
			$canon_options_hp = get_option('canon_options_hp'); 
			$canon_options_slider = get_option('canon_options_slider'); 
			$canon_options_post = get_option('canon_options_post'); 
			$canon_options_appearance = get_option('canon_options_appearance');
			$canon_options_hooks = get_option('canon_options_hooks');

			//MAKE SUPERRAY AND ENCODE
			$canon_options_superarray = array(
				'canon_options' => $canon_options,
				'canon_options_hp' => $canon_options_hp,
				'canon_options_slider' => $canon_options_slider,
				'canon_options_post' => $canon_options_post,
				'canon_options_appearance' => $canon_options_appearance,
				'canon_options_hooks' => $canon_options_hooks,

			);
			$encoded_serialized_options_data = base64_encode(serialize($canon_options_superarray));

			//RESET (ONLY IN GENERAL OPTIONS. DELETE FROM REST OF OPTIONS PAGES)
			if ($canon_options['reset_all'] == 'RESET') {
				delete_option('canon_options');
				delete_option('canon_options_hp');
				delete_option('canon_options_slider');
				delete_option('canon_options_post');
				delete_option('canon_options_appearance');
				delete_option('canon_options_hooks');
				echo "<script>alert('All theme settings have been reset!'); window.location.reload();</script>";
			}

			//IF IMPORT DATA WAS CLICKED
			if ( (isset($canon_options['import_data'])) && (isset($canon_options['canon_options_data'])) )  {
				if ($canon_options['import_data'] == 'IMPORT') {
					
					//get import data (returns false if improper structured data sent)
					$import_superarray = @unserialize(base64_decode($canon_options['canon_options_data']));

					//only proceed if unserialize succeeded
					if ($import_superarray) {
						//replace old data with new data
						$canon_options = array_replace($canon_options, $import_superarray['canon_options']);
						$canon_options_hp = array_replace($canon_options_hp, $import_superarray['canon_options_hp']);
						$canon_options_slider = array_replace($canon_options_slider, $import_superarray['canon_options_slider']);
						$canon_options_post = array_replace($canon_options_post, $import_superarray['canon_options_post']);
						$canon_options_appearance = array_replace($canon_options_appearance, $import_superarray['canon_options_appearance']);
						$canon_options_hooks = array_replace($canon_options_hooks, $import_superarray['canon_options_hooks']);

						//update data to database
						update_option('canon_options', $canon_options);
						update_option('canon_options_hp', $canon_options_hp);
						update_option('canon_options_slider', $canon_options_slider);
						update_option('canon_options_post', $canon_options_post);
						update_option('canon_options_appearance', $canon_options_appearance);
						update_option('canon_options_hooks', $canon_options_hooks);

						//get data from database (is this not superfluous?)
						$canon_options = get_option('canon_options'); 
						$canon_options_hp = get_option('canon_options_hp'); 
						$canon_options_slider = get_option('canon_options_slider'); 
						$canon_options_post = get_option('canon_options_post'); 
						$canon_options_appearance = get_option('canon_options_appearance');
						$canon_options_hooks = get_option('canon_options_hooks');

						//display success notice:
						echo '<div class="updated"><p>Settings successfully imported!</p></div>';

					} else {
							
						//display fail notice:
						echo '<div class="error"><p>Import failed!</p></div>';

					}

				}
					
			}

			// var_dump($canon_options);
		?>

		<br>
		
		<div class="options_wrapper canon-options">
		
			<div class="table_container">

				<form method="post" action="options.php" enctype="multipart/form-data">
					<?php settings_fields('group_canon_options'); ?>				<!-- very important to add these two functions as they mediate what wordpress generates automatically from the functions.php -->
					<?php do_settings_sections('handle_canon_options'); ?>		


					<?php submit_button(); ?>


					<!-- 
					--------------------------------------------------------------------------
						GENERAL 
				    -------------------------------------------------------------------------- 
					-->

						<h3><?php _e("General", "loc_canon"); ?> <img src="<?php echo get_template_directory_uri() . '/img/help.png' ?>"></h3>

						<div class='help'>

							<?php 

								fw_option_help(array(
									'type'					=> 'standard',
									'title' 				=> __('Use responsive design', 'loc_canon'),
									'content' 				=> array(
										__('Responsive design changes the way your site looks depending on the browser size. This is done to optimize the viewing experience on different devices.', 'loc_canon'),
										__('Turning off responsive design will make the site look the same across all devices and browser sizes.', 'loc_canon'),
									),
								)); 

								fw_option_help(array(
									'type'					=> 'ul',
									'title' 				=> __('Favicon URL', 'loc_canon'),
									'content' 				=> array(
										__('Enter a complete URL to the image you want to use or', 'loc_canon'),
										__('Click the "Upload" button, upload an image and make sure you click the "Use as favicon" button or', 'loc_canon'),
										__('Click the "Upload" button and choose an image from the media library tab. Make sure you click the "Use as favicon" button.', 'loc_canon'),
										__('If you leave the URL text field empty the default favicon will be displayed.', 'loc_canon'),
										__('Remember to save your changes.', 'loc_canon'),
									),
								)); 

							 ?>		

						</div>

						<table class='form-table'>

							<?php 

								fw_option(array(
									'type'					=> 'checkbox',
									'title' 				=> __('Use responsive design', 'loc_canon'),
									'slug' 					=> 'use_responsive_design',
									'options_name'			=> 'canon_options',
								)); 

								fw_option(array(
									'type'					=> 'upload',
									'title' 				=> __('Favicon URL', 'loc_canon'),
									'slug' 					=> 'favicon_url',
									'btn_text'				=> 'Upload favicon',
									'options_name'			=> 'canon_options',
								)); 

							 ?>		

						</table>


					<!-- 
					--------------------------------------------------------------------------
						HEADER
				    -------------------------------------------------------------------------- 
					-->

						<h3><?php _e("Header", "loc_canon"); ?> <img src="<?php echo get_template_directory_uri() . '/img/help.png' ?>"></h3>

						<div class='help'>
							<?php 

								fw_option_help(array(
									'type'					=> 'ul',
									'title' 				=> __('General logo hierarchy', 'loc_canon'),
									'content' 				=> array(
										__('by default the Kodax logo will be displayed', 'loc_canon'),
										__('if you enter a logo image URL this image will be displayed instead of the Kodax logo.', 'loc_canon'),
										__('if you enter text as logo this text will be displayed instead of any custom logo image and instead of the Kodax logo.', 'loc_canon'),
									),
								)); 

								fw_option_help(array(
									'type'					=> 'ul',
									'title' 				=> __('Logo URL', 'loc_canon'),
									'content' 				=> array(
										__('Enter a complete URL to the image you want to use or', 'loc_canon'),
										__('Click the "Upload" button, upload an image and make sure you click the "Use as logo" button or', 'loc_canon'),
										__('Click the "Upload" button and choose an image from the media library tab. Make sure you click the "Use as logo" button.', 'loc_canon'),
										__('If you leave the URL text field empty the default logo will be displayed.', 'loc_canon'),
										__('Remember to save your changes.', 'loc_canon'),
									),
								)); 

								fw_option_help(array(
									'type'					=> 'standard',
									'title' 				=> __('Use text as logo', 'loc_canon'),
									'content' 				=> array(
										__('This text will be displayed instead of any logo image. It will be styled like the Kodax default logo.', 'loc_canon'),
									),
								)); 

								fw_option_help(array(
									'type'					=> 'standard',
									'title' 				=> __('Logo max width', 'loc_canon'),
									'content' 				=> array(
										__('You can control the size of your logo by setting the maximum allowed width of your logo image.', 'loc_canon'),
										__('To make your logo HD-ready/retina-ready you should set the logo max width to half the original width of your image (compression ratio: 2)', 'loc_canon'),
									),
								)); 

								fw_option_help(array(
									'type'					=> 'standard',
									'title' 				=> __('Padding top & Padding bottom', 'loc_canon'),
									'content' 				=> array(
										__('Used to position your header elements.', 'loc_canon'),
										__('Increase padding top to create space above the header elements.', 'loc_canon'),
										__('Increase padding bottom to create space below the header elements.', 'loc_canon'),
									),
								)); 

								fw_option_help(array(
									'type'					=> 'standard',
									'title' 				=> __('Adjust logo relative position', 'loc_canon'),
									'content' 				=> array(
										__('You can fine adjust the logo position. Values are pixels from top-left.', 'loc_canon'),
									),
								)); 

								fw_option_help(array(
									'type'					=> 'standard',
									'title' 				=> __('Adjust nav. menu relative position', 'loc_canon'),
									'content' 				=> array(
										__('You can fine adjust the navigation menu position. Values are pixels from top-right.', 'loc_canon'),
									),
								)); 

								fw_option_help(array(
									'type'					=> 'standard',
									'title' 				=> __('Parallax scrolling', 'loc_canon'),
									'content' 				=> array(
										__('Use parallax scrolling for header background.', 'loc_canon'),
									),
								)); 

								fw_option_help(array(
									'type'					=> 'standard',
									'title' 				=> __('Scrolling distance', 'loc_canon'),
									'content' 				=> array(
										__('The smaller the number the more the background will move.', 'loc_canon'),
									),
								)); 


							 ?>		

						</div>

						<table class='form-table'>

							<tr valign='top'>
								<th scope='row'></th>
								<td>
									 <br>
								</td>
							</tr>

							<tr valign='top'>
								<th scope='row'><?php _e("Logo Preview", "loc_canon"); ?></th>
								<td>
									<?php 
				                        if (!empty($canon_options['logo_url'])) {
				                            $logo_url = $canon_options['logo_url'];
				                        } else {
				                            $logo_url = get_template_directory_uri() .'/img/logo@2x.png';
				                        }
				                        $logo_size = getimagesize($logo_url);
				                        if (!empty($canon_options['logo_max_width'])) {
					                        $compression_ratio = $logo_size[0] / $canon_options['logo_max_width'];
				                        } else {
					                        $compression_ratio = 999;
				                        }

									 ?>
									<span class="surround"><img width="<?php if (!empty($canon_options['logo_max_width'])) echo $canon_options['logo_max_width']; ?>" src="<?php echo $logo_url; ?>"></span><br><br>
									<?php printf("<i>(Original size: Width: %s pixels, height: %s pixels)</i>",$logo_size[0], $logo_size[1]); ?><br>
									<?php printf("<i>(Resized to max width: %s pixels. Compression ratio: %.2f)</i>", $canon_options['logo_max_width'], $compression_ratio); ?><br>
									<br><br>
								</td>
							</tr>

							<?php 

								fw_option(array(
									'type'					=> 'upload',
									'title' 				=> __('Logo URL', 'loc_canon'),
									'slug' 					=> 'logo_url',
									'btn_text'				=> 'Upload logo',
									'options_name'			=> 'canon_options',
								)); 

								fw_option(array(
									'type'					=> 'text',
									'title' 				=> __('Use text as logo', 'loc_canon'),
									'slug' 					=> 'logo_text',
									'options_name'			=> 'canon_options',
								)); 

								fw_option(array(
									'type'					=> 'number',
									'title' 				=> __('Logo max width', 'loc_canon'),
									'slug' 					=> 'logo_max_width',
									'min'					=> '1',										// optional
									'max'					=> '1000',									// optional
									'step'					=> '0.1',									// optional
									'width_px'				=> '60',									// optional
									'postfix'				=> '<i>(pixels)</i>',						// optional
									'options_name'			=> 'canon_options',
								)); 

								fw_option(array(
									'type'					=> 'number',
									'title' 				=> __('Header padding top', 'loc_canon'),
									'slug' 					=> 'header_padding_top',
									'min'					=> '0',										// optional
									'max'					=> '1000',									// optional
									'width_px'				=> '60',									// optional
									'postfix'				=> '<i>(pixels)</i>',						// optional
									'options_name'			=> 'canon_options',
								)); 

								fw_option(array(
									'type'					=> 'number',
									'title' 				=> __('Header padding bottom', 'loc_canon'),
									'slug' 					=> 'header_padding_bottom',
									'min'					=> '0',										// optional
									'max'					=> '1000',									// optional
									'width_px'				=> '60',									// optional
									'postfix'				=> '<i>(pixels)</i>',						// optional
									'options_name'			=> 'canon_options',
								)); 

							 ?>		


							<tr valign='top'>
								<th scope='row'><?php _e("Adjust logo relative position", "loc_canon"); ?></th>
								<td>
									<input 
										type='number' 
										id='pos_logo_top' 
										name='canon_options[pos_logo_top]' 
										min='-1000'
										max='1000'
										style='width: 60px;'
										value='<?php if (isset($canon_options['pos_logo_top'])) echo esc_attr($canon_options['pos_logo_top']); ?>'
									> <i>(pixels from top)</i>
									<input 
										type='number' 
										id='pos_logo_left' 
										name='canon_options[pos_logo_left]' 
										min='-1000'
										max='1000'
										style='width: 60px;'
										value='<?php if (isset($canon_options['pos_logo_left'])) echo esc_attr($canon_options['pos_logo_left']); ?>'
									> <i>(pixels from left)</i>
								</td> 
							</tr>

							<tr valign='top'>
								<th scope='row'><?php _e("Adjust nav. menu relative position", "loc_canon"); ?></th>
								<td>
									<input 
										type='number' 
										id='pos_nav_top' 
										name='canon_options[pos_nav_top]' 
										min='-1000'
										max='1000'
										style='width: 60px;'
										value='<?php if (isset($canon_options['pos_nav_top'])) echo esc_attr($canon_options['pos_nav_top']); ?>'
									> <i>(pixels from top)</i>
									<input 
										type='number' 
										id='pos_nav_right' 
										name='canon_options[pos_nav_right]' 
										min='-1000'
										max='1000'
										style='width: 60px;'
										value='<?php if (isset($canon_options['pos_nav_right'])) echo esc_attr($canon_options['pos_nav_right']); ?>'
									> <i>(pixels from right)</i>
								</td> 
							</tr>

							<?php 

								fw_option(array(
									'type'					=> 'upload',
									'title' 				=> __('Header background image', 'loc_canon'),
									'slug' 					=> 'header_bg_img_url',
									'btn_text'				=> 'Upload image',
									'options_name'			=> 'canon_options',
								)); 

								fw_option(array(
									'type'					=> 'checkbox',
									'title' 				=> __('Parallax scrolling', 'loc_canon'),
									'slug' 					=> 'parallax_scrolling',
									'options_name'			=> 'canon_options',
								)); 

								fw_option(array(
									'type'					=> 'number',
									'title' 				=> __('Scrolling distance', 'loc_canon'),
									'slug' 					=> 'parallax_scrolling_factor',
									'min'					=> '1',										// optional
									'max'					=> '100',									// optional
									'width_px'				=> '60',									// optional
									'options_name'			=> 'canon_options',
								)); 


							?>

						</table>



					<!-- 
					--------------------------------------------------------------------------
						FOOTER
				    -------------------------------------------------------------------------- 
					-->

						<h3><?php _e("Footer", "loc_canon"); ?> <img src="<?php echo get_template_directory_uri() . '/img/help.png' ?>"></h3>

						<div class='help'>
							<?php 

								fw_option_help(array(
									'type'					=> 'standard',
									'title' 				=> __('Show widgetized footer', 'loc_canon'),
									'content' 				=> array(
										__('Footer containing four widgetized areas. Go to <i>Appearance > Widgets</i> to add widgets.', 'loc_canon'),
									),
								)); 

								fw_option_help(array(
									'type'					=> 'standard',
									'title' 				=> __('Show social footer', 'loc_canon'),
									'content' 				=> array(
										__('Footer containing footer text and social icons.', 'loc_canon'),
									),
								)); 

								fw_option_help(array(
									'type'					=> 'standard',
									'title' 				=> __('Footer text', 'loc_canon'),
									'content' 				=> array(
										__('Text to be displayed in the left side of the social footer area.', 'loc_canon'),
									),
								)); 

								fw_option_help(array(
									'type'					=> 'standard',
									'title' 				=> __('Google Analytics', 'loc_canon'),
									'content' 				=> array(
										__('Enter your <a href="http://www.google.com/analytics/" target="_blank">Google Analytics</a> code here.', 'loc_canon'),
										__('NB: If you have any Google Analytics plugins installed make sure you only add you Google Analytics code in one place (either here or in the plugin) or you will get a duplicate code error.', 'loc_canon'),
									),
								)); 

							?>

						</div>

						<table class='form-table'>

							<?php 

								fw_option(array(
									'type'					=> 'checkbox',
									'title' 				=> __('Show widgetized footer', 'loc_canon'),
									'slug' 					=> 'show_widgetized_footer',
									'options_name'			=> 'canon_options',
								)); 

								fw_option(array(
									'type'					=> 'checkbox',
									'title' 				=> __('Show social footer', 'loc_canon'),
									'slug' 					=> 'show_social_footer',
									'options_name'			=> 'canon_options',
								)); 

								fw_option(array(
									'type'					=> 'textarea',
									'title' 				=> __('Footer text', 'loc_canon'),
									'slug' 					=> 'footer_text',
									'rows'					=> '5',
									'options_name'			=> 'canon_options',
								)); 


							?>

							<tr valign='top'>
								<th scope='row'><?php _e("Google Analytics", "loc_canon"); ?></th>
								<td>
									<textarea id='google_analytics_code' name='canon_options[google_analytics_code]' rows='5' cols='100'><?php if (isset($canon_options['google_analytics_code'])) echo htmlentities($canon_options['google_analytics_code']); ?></textarea>
								</td>
							</tr>

						</table>



					<!-- 
					--------------------------------------------------------------------------
						SOCIAL LINKS 
				    -------------------------------------------------------------------------- 
					-->

						<h3><?php _e("Social links", "loc_canon"); ?> <img src="<?php echo get_template_directory_uri() . '/img/help.png' ?>"></h3>

						<div class='help'>
							<?php 

								fw_option_help(array(
									'type'					=> 'standard',
									'title' 				=> __('Show social icons', 'loc_canon'),
									'content' 				=> array(
										__('If checked your social icons will be displayed at the bottom right area of the footer.', 'loc_canon'),
									),
								)); 

								fw_option_help(array(
									'type'					=> 'ul',
									'title' 				=> __('Social links', 'loc_canon'),
									'content' 				=> array(
										__('Choose an icon in the select and attach this to a social link.', 'loc_canon'),
										__('Make sure you put the whole URL to your social site in the text input.', 'loc_canon'),
										__('You can add a new social link to the end of the list by clicking "Add social link', 'loc_canon'),
										__('You can remove the last social link in your list by clicking "Remove social link".', 'loc_canon'),
										__('You can see a full list of the Font Awesome icons <a href="http://fortawesome.github.io/Font-Awesome/cheatsheet/" target="_blank">here</a>.', 'loc_canon'),
									),
								)); 

							?>

						</div>

						<table class='form-table social_links'>

							<tr valign='top'>
								<th scope='row'><?php _e("Show social icons", "loc_canon"); ?></th>
								<td colspan="2">
									<input type="hidden" name="canon_options[show_social_icons]" value="unchecked" />
									<input class="checkbox" type="checkbox" id="show_social_icons" name="canon_options[show_social_icons]" value="checked" <?php if (isset($canon_options['show_social_icons'])) { checked($canon_options['show_social_icons'] == "checked"); } ?>/> 
									<br><br>
								</td>
							</tr>


							<?php 
							if (isset($canon_options['social_links'])) {

								$font_awesome_array = mb_get_font_awesome_icon_names_in_array();
								
								for ($i = 0; $i < count($canon_options['social_links']); $i++) {  
								?>

								<tr valign='top' class='social_links_row'>
									<th scope='row'><?php _e("Social link", "loc_canon"); ?> <?php echo $i+1; ?></th>
									<td colspan='2'>
										<select class="social_links_icon" name="canon_options[social_links][<?php echo $i; ?>][0]"> 
											<?php 

												for ($n = 0; $n < count($font_awesome_array); $n++) {  
												?>
							     					<option value="<?php echo $font_awesome_array[$n]; ?>" <?php if (isset($canon_options['social_links'][$i][0])) {if ($canon_options['social_links'][$i][0] == $font_awesome_array[$n]) echo "selected='selected'";} ?>><?php echo $font_awesome_array[$n]; ?></option> 
												<?php
												}

											?>
										</select> 

									<i class="fa <?php if (isset($canon_options['social_links'][$i][0])) { echo $canon_options['social_links'][$i][0]; } else { echo "fa fa-flag"; } ?>"></i>

									<input type='text' class='social_links_link' name='canon_options[social_links][<?php echo $i; ?>][1]' value='<?php if (isset($canon_options['social_links'][$i][1])) echo $canon_options['social_links'][$i][1]; ?>'>
									</td>
								</tr>

								<?php
								}

							}

							?>

						</table>



						<table class='form-table social_links_control'>
							<tr valign='top'>
								<th scope='row'></th>
								<td>
									<input type="button" class="button button_add_social_link" value="Add social link" />
									<input type="button" class="button button_remove_social_link" value="Remove social link" />
								</td>
							</tr>

						</table>


					<!-- 
					--------------------------------------------------------------------------
						SEO
				    -------------------------------------------------------------------------- 
					-->

						<h3><?php _e("SEO", "loc_canon"); ?> <img src="<?php echo get_template_directory_uri() . '/img/help.png' ?>"></h3>

						<div class='help'>
							<?php 

								fw_option_help(array(
									'type'					=> 'standard',
									'title' 				=> __('Suppress theme meta description', 'loc_canon'),
									'content' 				=> array(
										__('If using a 3rd party SEO plugin the theme meta description can sometimes interfere with the plugin meta description.', 'loc_canon'),
										__('Use this option to suppress the theme meta description and use the plugin meta description instead.', 'loc_canon'),
									),
								)); 

							?>

						</div>

						<table class='form-table'>

							<?php 

								fw_option(array(
									'type'					=> 'checkbox',
									'title' 				=> __('Suppress theme meta description', 'loc_canon'),
									'slug' 					=> 'hide_theme_meta_description',
									'options_name'			=> 'canon_options',
								)); 

							?>

						</table>

					<!-- 
					--------------------------------------------------------------------------
						IMPORT/EXPORT
				    -------------------------------------------------------------------------- 
					-->

						<h3><?php _e("Import/Export Settings", "loc_canon"); ?> <img src="<?php echo get_template_directory_uri() . '/img/help.png' ?>"></h3>

						<div class='help'>
							<?php 

								fw_option_help(array(
									'type'					=> 'standard',
									'title' 				=> __('Import/Export settings', 'loc_canon'),
									'content' 				=> array(
										__('Use this section to import/export your settings.', 'loc_canon'),
									),
								)); 

								fw_option_help(array(
									'type'					=> 'ul',
									'title' 				=> __('Generate settings data', 'loc_canon'),
									'content' 				=> array(
										__('Clicking this button will generate settings data. You can copy this data from the settings data window.', 'loc_canon'),
										__('Clicking the window will select all text.', 'loc_canon'),
										__('Press CTRL+C on your keyboard or right click selected text and select copy.', 'loc_canon'),
										__('Once you have copied the data you can either save it to a text document/file (safest) or simply keep the data in your copy/paste clipboard (not safe).', 'loc_canon'),
									),
								)); 

								fw_option_help(array(
									'type'					=> 'ul',
									'title' 				=> __('Import settings data', 'loc_canon'),
									'content' 				=> array(
										__('Clicking this button will import your settings data from the data string supplied in the settings data window.', 'loc_canon'),
										__('Make sure you paste all of the data into the settings data textarea/window. If part of the code is altered or left out import will fail.', 'loc_canon'),
										__('Click the "Import settings data" button.', 'loc_canon'),
										__('Your setting have now been imported.', 'loc_canon'),
									),
								)); 

							?>

						</div>

						<table class='form-table'>

							<tr valign='top'>
								<th scope='row'><?php _e("Settings data", "loc_canon"); ?></th>
								<td>
									<textarea id='canon_options_data' name='canon_options[canon_options_data]' rows='5' cols='100'></textarea>
								</td>
							</tr>

							<tr valign='top'>
								<th scope='row'></th>
								<td>
									<input type="hidden" id="import_data" name="canon_options[import_data]" value="">

									<input type="button" id="button_generate_data" class="button" value="Generate settings data" data-options_data="<?php echo $encoded_serialized_options_data; ?>" />
									<button id="button_import_data" name="button_import_data" class="button-secondary">Import settings data</button>
								</td>
							</tr>

						</table>

					<?php submit_button(); ?>

					<button id="reset_all_button" name="reset_all_button" class="button-primary"><?php _e("Reset", "loc_canon"); ?></button>
					<input type="hidden" id="reset_all" name="canon_options[reset_all]" value="">


				</form>
			</div> <!-- end table container -->	

	
		</div>

	</div>

